<template>
  <li class="base-goods-item">
    <a href="#">
      <div class="pic">
        <img src="@/assets/images/goods1.png" alt="" />
      </div>
      <div class="txt">
        <h4>KN95级莫兰迪色防护口罩</h4>
        <p>¥ <span>79</span></p>
      </div>
    </a>
  </li>
</template>

<script>
export default {};
</script>

<style>
.base-goods-item {
  width: 304px;
  height: 404px;
  background-color: #eef9f4;
}
.base-goods-item {
  display: block;
}
.base-goods-item .pic {
  width: 304px;
  height: 304px;
}
.base-goods-item .txt {
  text-align: center;
}
.base-goods-item h4 {
  margin-top: 17px;
  margin-bottom: 8px;
  font-size: 20px;
}
.base-goods-item p {
  font-size: 18px;
  color: #aa2113;
}
.base-goods-item p span {
  font-size: 22px;
}
</style>